<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>最新资讯</title>
    <link rel="stylesheet" href="css/news.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <div class="bigbox">
        <div class="header">
            <a class="head_logo">
                <img src="images/index_img/head_logo.png">
            </a>
            <ul class="head_nav">
                <li>
                    <h5>
                        <a href="http://127.0.0.1:5500/index.html" style="line-height:30px" target="_blank">官网首页</a>
                    </h5>
                    <a href="#">天谕手游</a>
                </li>
                <li>
                    <h5>天谕印象</h5>
                    <a href="#"> 游戏特色</a>
                    <a href="#"> 职业介绍</a>
                    <a href="#"> 天谕世界观</a>
                    <a href="#">
                        <span class="new"></span> PVE副本
                    </a>
                    <a href="#"> PVP汇总</a>
                    <a href="#"> 云垂家缘</a>
                </li>
                <li>
                    <h5>视听盛宴</h5>
                    <a href="#"> 视频中心</a>
                    <a href="#"> 天谕美景</a>
                    <a href="#"> 外观服饰</a>
                    <a href="#"> 原声音乐 </a>
                </li>
                <li>
                    <h5>天谕动态</h5>
                    <a href="#"> 最新资讯</a>
                    <a href="#"> 活动中心</a>
                    <a href="#"> 战神榜</a>
                    <a href="#"> 云垂榜 </a>
                </li>
                <li>
                    <h5>下载中心</h5>
                    <a href="#"> 游戏下载</a>
                    <a href="#"> 礼包领取</a>
                    <a href="#"> 天谕APP</a>
                    <a href="#"> 壁纸下载 </a>
                </li>
                <li>
                    <h5>天谕资料</h5>
                    <a href="#"> 新人手册</a>
                    <a href="#"> 资料站</a>
                    <a href="#"> 攻略站</a>
                    <a href="#"> 王者对决 </a>
                </li>
                <li>
                    <h5>玩家互动</h5>
                    <a href="#"> 同人站</a>
                    <a href="#"> 玩家图库</a>
                    <a href="#"> 官方论坛</a>
                    <a href="#"> 客服专区 </a>
                    <a href="#"> 个人中心 </a>
                </li>
            </ul>
        </div>
        <div class="center">
            <div class="main">
                <div class="new_shead">
                    <h2>新闻公告</h2>
                    <div class="position">您的位置：
                        <a href="#">首页</a> &gt;
                        <a href="#">新闻公告</a>
                    </div>
                </div>
                <ul class="subnav" data-current="total">
                    <li><a href="#" class="active">最新</a></li>
                    <li><a href="#">新闻</a></li>
                    <li><a href="#">公告</a></li>
                    <li><a href="#">爆料</a></li>
                    <li><a href="#">活动</a></li>
                    <li><a href="#">娱乐</a></li>
                </ul>
                <div class="list">
                    <ul class="newlist">
                        <li class="leader end">
                            <p class="time">10.09</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="10-09">10月10日14:00时装碎片商城上新公告！</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.29</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-29">9月30日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.25</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-25">国庆期间版本更新维护说明</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.23</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-23">9月24日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.22</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-22">9月24日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.17</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-17">争霸新服【万象更新】预约公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.16</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-16">9月17日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.15</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-15">9月17日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.09</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-09">9月10日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.08</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-08">9月10日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.04</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-04">【奖】撒狗粮大赛，秀出你的恩爱！</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.02</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-02">9月3日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">09.01</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="09-01">9月3日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.31</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-31">9月1日14:00时装碎片商城上新公告！</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.26</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-26">8月27日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.25</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-25">8月27日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.19</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-19">8月20日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.18</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-18">8月20日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.13</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-13">争霸新服【乘风破浪】预约公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.12</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-12">8月13日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.11</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-11">8月13日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.05</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-05">8月6日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.04</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-04">8月6日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">08.01</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="08-01">8月3日14:00时装碎片商城上新公告！</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">07.29</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="07-29">7月30日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">07.28</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="07-28">7月30日周版本更新维护内容预告</a></p>
                        </li>
                        <li class="leader end">
                            <p class="time">07.24</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="07-24">7月26日临时停服维护说明</a></p>
                        </li>
                        <li class="leader">
                            <p class="time">07.22</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="07-22">7月23日周版本更新维护内容公告</a></p>
                        </li>
                        <li class="end">
                            <p class="time"></p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="07-22">谕霸说：【奖】关于夏日你有什么特别回忆？</a></p>
                        </li>
                        <li class="end leader">
                            <p class="time">07.21</p>
                            <p class="titlecnt f-cb"><a class="link f-fl" href="#" target="_blank"
                                    data-updatetime="07-21">7月23日周版本更新维护内容预告</a></p>
                        </li>


                    </ul>
                    <div class="pagenum">
                        <span class="cur">1</span> .
                        <a href="#">
                            <span class="cur">2</span> .
                        </a>
                        <a href="#">
                            <span class="cur">3</span> .
                        </a>
                        <a href="#">
                            <span class="cur">4</span> .
                        </a>
                        <a href="#">
                            <span class="cur">5</span> .
                        </a>
                        <a href="#" class="dot j-next">&gt;

                        </a>
                    </div>
                </div>
            </div>
            <div class="side">
                <a class="download" href="#">
                    <span class="dtxt">游戏下载</span>
                    <span class="etxt">GAME DOWNLOAD</span>
                </a>
                <div class="sidelinks">
                    <a class="reg" href="#" target="_blank">帐号注册</a>
                    <a class="activity" href="#" target="_blank">活动中心</a>
                </div>
                <div class="side_img">
                    <a class="m-sideadv f-db" href="#" target="_blank">
                        <img src="https://nie.res.netease.com/r/pic/20200928/b14f5d1a-a948-4c34-b7f9-a8bfe102fa1b.png"
                            alt="丰年庆活动专题">
                    </a>
                    <a class="m-sideadv f-db" href="#" target="_blank">
                        <img src="https://nie.res.netease.com/r/pic/20200928/0ad4af8c-b660-4d2c-92ce-38165e5cedf4.png"
                            alt="辟易时装专题">
                    </a>
                    <a class="m-sideadv f-db" href="https://ty.163.com/new/zhisheng/" target="_blank">
                        <img src="https://nie.res.netease.com/r/pic/20200917/632f8462-4f0f-4980-ac4d-d8229a50a1c2.jpg"
                            alt="直升新服礼包">
                    </a>
                </div>
                <div class="sideblock">
                    <div class="ordintitle">
                        <ul class="m-ordintitle">
                            <li class="active"><span>精华推荐</span><span class="line"></span></li>
                        </ul>
                    </div>
                    <ul class="m-newslist m-newslist-jh f-cb f-cbli">
                        <li><a href="#" target="_blank">攻略合集</a></li>
                        <li><a href="#" target="_blank">新人手册</a></li>
                        <li><a href="#" target="_blank">活动中心</a></li>
                        <li><a href="#" target="_blank">时装专题</a></li>
                        <li><a href="#" target="_blank">原声音乐</a></li>
                        <li><a href="#" target="_blank">云垂家缘</a></li>
                        <li><a href="#" target="_blank">帝国战争</a></li>
                        <li><a href="#" target="_blank">大神专访</a></li>
                        <li><a href="#" target="_blank">天谕同人</a></li>
                        <li><a href="#" target="_blank">冒险协会</a></li>
                        <li><a href="#" target="_blank">云垂战报</a></li>
                    </ul>
                </div>
                <div class="sideblock">
                    <div class="ordintitle">
                        <ul class="m-ordintitle">
                            <li class="active">
                                <span>天谕APP</span>
                                <span class="line"></span>
                            </li>
                        </ul>
                    </div>
                    <div class="sideapp f-cb" style="margin-bottom: 15px;">
                        <a class="adr" href="#" target="_blank">Android</a>
                        <a class="ios" href="#" target="_blank">iPhone</a>
                    </div>

                    <div class="ordintitle">
                        <ul class="m-ordintitle">
                            <li class="active">
                                <span>天谕APP</span>
                                <span class="line"></span>
                            </li>
                        </ul>
                    </div>
                    <img src="https://nie.res.netease.com/tianyu//gw/15v1/newsv5/images/app.jpg"
                        style="display: block; margin-top: 10px;">
                    <p class="f-tac" style="line-height:26px;margin-bottom:20px">扫描安装官方游戏助手
                        <br>
                        赢取天谕游戏礼包
                    </p>
                    <div class="ordintitle">
                        <ul class="m-ordintitle">
                            <li class="active">
                                <span>官方媒体</span>
                                <span class="line"></span>
                            </li>
                        </ul>
                    </div>

                    <div class="ofcmedia f-cb">
                        <div class="ofcmedia j-media f-cb">
                            <a class="sina" href="#" target="_blank"></a>
                            <a class="qq" href="#" target="_blank"></a>
                            <a class="wx j-weixin" href="#"></a>
                            <a class="yx j-yixin" href="#"></a>
                        </div>
                    </div>

                    <div class="ordintitle">
                        <ul class="m-ordintitle">
                            <li class="active"><span>官方微信</span><span class="line"></span></li>
                        </ul>
                    </div>
                    <img src="https://nie.res.netease.com/tianyu//gw/15v1/newsv5/images/weixin.png"
                        style="display: block; margin-top: 10px;">
                    <p class="f-tac" style="line-height:26px;">扫一扫关注官方微信
                        <br>
                        赢取天谕游戏礼包
                    </p>

                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footmain">
                <div class="">
                    <span class="left">
                        <a class="a0" href="#" target="_blank">
                            <img src="./images/index_img/part1_1.png"></a>
                        <a class="a1" href="#" target="_blank">
                            <img src="./images/index_img/part1_2.png"></a>
                        <a class="a2" href="#" target="_blank">
                            <img src="./images/index_img/part1_3.png"></a>
                        <a class="a3" href="#" target="_blank">
                            <img src="./images/index_img/part1_4.png"></a>
                        <a class="a4" href="#" target="_blank">
                            <img src="./images/index_img/part1_5.png"></a>
                    </span>
                    <span class="right">
                        <i class="i1">
                            <a href="#" target="_blank">公司简介</a> -
                            <a href="#" target="_blank">客户服务</a> -
                            <a href="#" target="_blank">网易集团隐私政策及儿童个人信息保护规则</a> -
                            <a href="#" target="_blank">网易游戏</a> -
                            <a href="#" target="_blank">联系我们</a> -
                            <a href="#" target="_blank">商务合作</a> -
                            <a href="#" target="_blank">加入我们</a>
                        </i>
                        <br>
                        <i class="i2">
                            杭州网易雷火科技有限公司版权所有 ©1997-2020
                            <a class="guardianship" href="#" target="_blank">点击查看家长关爱平台 &gt; </a>
                        </i>
                    </span>
                </div>

            </div>
        </div>
    </div>
</body>

</html>